<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>forEach</title>
    <script>
        /* forEach */
        /* 
        JS中提供了一个遍历数组的方法
        forEach()
        */

        //创建一个数组
        var arr = ["孙悟空", "猪八戒", "沙和尚", "二郎神"];
        /* 
        兼容性问题
        这个方法指支持IE8以上版本
        */
        /* 
        forEach()方法需要以函数作为参数
            向这种由我们创建，但是不由我们调用，我们称之为回调函数
            数组中有几个元素，函数执行几次，每次执行时，浏览器会将遍历的元素
            以实参的形式传递进来，可以来定义形参，来读取这些内容
            浏览器会在回调函数中传递三个参数
                第一个参数为当前遍历数组中的元素
                第二个参数为当前遍历数组中元素的索引
                第三个参数为当前遍历数组本身
        */


        arr.forEach(function(value, index, a) {
            console.log(value);
            console.log(index);
            console.log(a);
        });
    </script>
</head>

<body>

</body>

</html>